import React from 'react';
import { Row, Col } from 'antd';
import imgsrc from '../images/logo.png';
import { Menu, Icon } from 'antd';
const SubMenu = Menu.SubMenu;
const MenuItemGroup = Menu.ItemGroup;

export default class PCHeader extends React.Component {
  constructor(){
    super();
    this.state = {
      current:'sy'
    };
  }



  render() {
    return (
      <header>
        <Row>
          <Col span={2}></Col>
          <Col span={4}>
            <a href="/" className="logo">
              <img src={imgsrc} />
              <span>ReactNews</span>
            </a>
          </Col>
          <Col span={16}>
            <Menu mode="horizontal"
                  selectedKeys={[this.state.current]}>
              <Menu.Item key="sy">
                <Icon type="appstore"/>首页
              </Menu.Item>
              <Menu.Item key="sy2">
                <Icon type="appstore"/>导航2
              </Menu.Item>
              <Menu.Item key="sy3">
                <Icon type="appstore"/>导航3
              </Menu.Item>
              <Menu.Item key="sy4">
                <Icon type="appstore"/>导航4
              </Menu.Item>
              <Menu.Item key="sy5">
                <Icon type="appstore"/>导航5
              </Menu.Item>
              <Menu.Item key="sy6">
                <Icon type="appstore"/>导航6
              </Menu.Item>
              <Menu.Item key="sy7">
                <Icon type="appstore"/>导航7
              </Menu.Item>
            </Menu>
          </Col>
          <Col span={2}></Col>
        </Row>
      </header>
    );
  };
}